<!DOCTYPE html> 
<html> 
<head>  
    <!--META-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!--CSS-->
    <link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
    <!--<link rel="stylesheet" href="css/datatables/css/jquery.dataTables.css"/>--> 
    <link rel="stylesheet" href="API/css/mycss.css" />
    <link rel="stylesheet" href="css/mycss.css" />

    <!--JS-->
    <script type="text/javascript" src="API/js/jquery.min.js"></script>
    <script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
    <!--<script type="text/javascript" src="API/js/highcharts.js"></script>-->
    <!--<script type="text/javascript" src="API/js/modules/exporting.js"></script>-->
    <!--<script type="text/javascript" src="API/js/jquery.dataTables.min.js"></script>--> 
    <script type="text/javascript" src="include/config.js"></script>
    <script type="text/javascript" src="API/js/fonctions.js"></script>
    <script type="text/javascript" src="API/js/functionsLib.js"></script>
    <script type="text/javascript" src="js/fonctions.js"></script>

    <script language="javascript" type="text/javascript">
    checkMaintenance();
    
    ///////////////////
    //BLOCK VARIABLE GLOBAL
    ///////////////////
    var g_tab_testInput = new Array(); 
    g_tab_testInput["nom"]=false; 
    g_tab_testInput["prenom"]=false; 
    g_tab_testInput["email"]=false; 
    g_tab_testInput["codeUtilisateur"]=false; 
    var g_couleurFontBon = "#04B404";
    var g_couleurFontMauvais = "#FF0000";
    var g_couleurFontDefaut = "#333333";
    var g_couleurFontTips = "#a1a1a1";
    var g_codeUtilisateur = "";

    ///////////////////
    //BLOCK FONCTIONS EVENEMENTS
    ///////////////////
    //Fin chargement page
    function OnLoad() {
        try {
            //
        } catch (er) {
            log(0, "ERROR(OnLoad):" + er.message);
        }
    }
    
    function ecoute(p_obj, p_eventCode) {
        try {

            switch (p_eventCode) 
            { 
                case 13: 
                    onblurInput(p_obj);
                    recupCompte();
                    break; 
                default: 
                    break; 
            }
       } catch (er) {
            log(0, "ERROR(ecoute):" + er.message);
        }
    }

    function onblurInput(p_obj) {
        try {
            $("#tips_"+p_obj.name).text("");
            
            if(p_obj.value != ""){
                switch (p_obj.name) 
                {
                    case "nom" : 
                    case "prenom" : 
                        var Model=/^[a-zA-ZÁÀÂÄÉÈÊËÍÌÎÏÓÒÔÖÚÙÛÜáàâäéèêëíìîïóòôöúùûüÇç\s]{2,}$/g;
                        var test = p_obj.value.match(Model);
                        if(test != null){
                            $("#label_"+p_obj.name).css("color", g_couleurFontBon);
                            g_tab_testInput[p_obj.name]=true;
                        }else{
                            $("#label_"+p_obj.name).css("color", g_couleurFontMauvais);
                            g_tab_testInput[p_obj.name]=false;
                        }
                        break;
                    case "email" : 
                        var Model=/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]{2,}[.][a-zA-Z]{2,4}$/g;
                        var test = p_obj.value.match(Model);
                        if(test != null){
                            $("#label_"+p_obj.name).css("color", g_couleurFontBon);
                            g_tab_testInput[p_obj.name]=true;
                        }else{
                            $("#label_"+p_obj.name).css("color", g_couleurFontMauvais);
                            g_tab_testInput[p_obj.name]=false;
                        }
                        break;
                    case "codeUtilisateur" : 
                        var Model=/^[a-zA-Z]{4}$/g;
                        var test = p_obj.value.match(Model);
                        if(test != null){
                            $("#label_"+p_obj.name).css("color", g_couleurFontBon);
                            g_tab_testInput[p_obj.name]=true;
                        }else{
                            $("#label_"+p_obj.name).css("color", g_couleurFontMauvais);
                            g_tab_testInput[p_obj.name]=false;
                        }
                        break;
                    default: 
                        break; 
                }
            }else{
                $("#label_"+p_obj.name).css("color", g_couleurFontDefaut);
                g_tab_testInput[p_obj.name]=false;
            }
       } catch (er) {
            log(0, "ERROR(checkIntput):" + er.message);
        }
    }

    function onfocusInput(p_obj) {
        try {
            $("#label_"+p_obj.name).css("color", g_couleurFontDefaut);
            $("#tips_"+p_obj.name).css("color", g_couleurFontTips);

            switch (p_obj.name) 
            {
                case "nom" :
                    $("#tips_"+p_obj.name).html("Que des caract&egrave;res et &agrave; minima de deux lettres.");
                    break;
                case "prenom" : 
                    $("#tips_"+p_obj.name).html("Que des caract&egrave;res et &agrave; minima de deux lettres.");
                    break;
                case "email" : 
                    $("#tips_"+p_obj.name).html("Utiliser le format standard.");
                    break;
                case "codeUtilisateur" : 
                    $("#tips_"+p_obj.name).html("De quatres lettres.");
                    break;
                default: 
                    break; 
            }
       } catch (er) {
            log(0, "ERROR(onfocusInput):" + er.message);
        }
    }

    ///////////////////
    //BLOCK FONCTIONS METIER
    ///////////////////
    function recupCompte() {
        try {
            var p_nom = $("#nom").val();
            var p_prenom = $("#prenom").val();
            var p_email = $("#email").val();
            var p_codeUtilisateur = $("#codeUtilisateur").val();
            
            var controle = false;
            var strMsgChamps = "";
            if((g_tab_testInput["nom"]&&g_tab_testInput["prenom"])||(g_tab_testInput["email"])||(g_tab_testInput["codeUtilisateur"])){
                controle = true;
            }else{
                strMsgChamps = "Vous devez remplir soit le Email, le code utilisateur, ou le nom et prenom.";
            }
            
            if(controle){
                var results = getRecupUtilisateur(p_nom, p_prenom, p_email, p_codeUtilisateur);
                if(results["strErreur"] == ""){
                    for(var indice in results["data"]["resultat"]["data"])
                    {
                        var contact_mail_administrateur = getParameter("contact_mail_administrateur");

                        var message_html = "";
                        message_html = "<html><head></head><body>";
                        message_html += "Bonjour "+infoUser["prenom"]+",<br>";
                        message_html += "<br>";
                        message_html += "Voici les informations de votre compte.<br>";
                        message_html += "<br>";
                        message_html += "Pour rappel : <br>";
                        message_html += "- votre identifiant : "+infoUser["code_user"]+"<br>";
                        message_html += "- votre mot de passe : "+infoUser["password"]+"<br>";
                        message_html += "<br>";
                        message_html += "Merci et rendez-vous <a href='"+domaine+"'>ici</a><br>";
                        message_html += "<br>";
                        message_html += "L'&eacute;quipe<br>";
                        message_html += "</body></html>";

                        var paramsMail = {
                            email_mails_dest : infoUser["mail"]+"," 
                            ,email_mail_ori : contact_mail_administrateur
                            , email_labelle_ori : "Service Mail ODA"
                            , email_mail_reply : contact_mail_administrateur
                            , email_labelle_reply : "Service Mail ODA"
                            , message_html : message_html
                            , sujet : "[ODA]Récupération de votre compte réussi."
                        };
                        
                        $.functionsLib.sendMail(paramsMail);
                    }
                    
                    var params_attempt = {
                        sujet : "[ODA]Notification"
                        , message_html : "Demande de recupération de mot de passe."
                        , id_serviceMail : 1
                    };
                    $.functionsLib.serviceMailDiff(params_attempt);

                    var strHtml = "F&eacute;licitation un mail vous a &eacute;t&eacute; envoy&eacute;.";
                    notification(strHtml, _SUCCES);
                }else{
                    var strHtml = "Erreur de cr&eacute;ation de votre compte, merci de contacter l'administrateur.";
                    notification(strHtml, _ALERT);
                }
            }else{
                var strHtml = "<b>"+strMsgChamps+"</b>";
                notification(strHtml, _WARNING);
            }
        } catch (er) {
            log(0, "ERROR(recupCompte):" + er.message);
        }
    }

    ///////////////////
    //BLOCK FONCTIONS DB
    ///////////////////

    ///////////////////
    //BLOCK FONCTIONS PRESENTATION
    ///////////////////
    </script>
</head> 

<body onload="OnLoad();"> 

    <!-- page -->
    <div data-role="page" data-title="R&eacute;cup&eacute;rer son compte">

        <!-- header -->
        <div data-role="header">
            <h1>R&eacute;cup&eacute;rer son compte</h1>
            <a href="javascript:window.location = ('./page_contact_restreint.html?mili='+getMilise());" data-role="button" data-icon="info" data-iconpos="notext">Contact</a>
        </div>
        <!-- /header -->

        <!-- content -->
        <div data-role="content" id="main_content">
            <div data-role="collapsible" data-collapsed="false" data-mini="true" id="div_creationCompte">
                <h4>Formulaire de r&eacute;cup&eacute;ration</h4>
                Veuiller remplir les champs possibles pour vous retrouver :<br><br>
                <div class="ui-grid-b">
                    <div class="ui-block-a">
                        <label for="nom" id="label_nom" style="width: 75%">Saisir votre nom :</label>
                        <input type="text" name="nom" id="nom" value="" data-mini="true" placeholder="votre nom ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                        <label for="nom" id="tips_nom" style="width: 75%"></label>
                        <label for="prenom" id="label_prenom" style="width: 75%">Saisir votre pr&eacute;nom :</label>
                        <input type="text" name="prenom" id="prenom" value="" data-mini="true" placeholder="vore pr&eacute;nom ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                        <label for="prenom" id="tips_prenom" style="width: 75%"></label>
                    </div>
                    <div class="ui-block-b" style="width:5%;">
                        &nbsp;
                    </div>
                    <div class="ui-block-c">
                        <label for="email" id="label_email" style="width: 75%">Saisir votre e-mail :</label>
                        <input type="text" name="email" id="email" value="" data-mini="true" placeholder="votre e-mail ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                        <label for="email" id="tips_email" style="width: 75%"></label>
                        <label for="codeUtilisateur" id="label_codeUtilisateur" style="width: 75%">Saisir votre code utilisateur :</label>
                        <input type="text" name="codeUtilisateur" id="codeUtilisateur" value="" data-mini="true" placeholder="votre mot de code utilisateur ici" onkeyup="ecoute(this, event.keyCode);" onblur="onblurInput(this);" onfocus="onfocusInput(this);"/>
                        <label for="codeUtilisateur" id="tips_codeUtilisateur" style="width: 75%"></label>
                    </div>
                </div>
                <a href="javascript:window.location = ('./index.html?mili='+getMilise());" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Retour</a>					
                <a href="javascript:recupCompte();" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Soumettre</a>					
            </div>
        </div>
        <!-- /content -->

        <!-- footer -->
        <div data-role="footer" data-position="fixed">
            <h1>Utilisateur inconnu</h1>
        </div>
        <!-- /footer -->

    </div>
    <!-- /page -->
	
</body>
</html>